<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML基本标签作业</title>
</head>

<body>
    <!--作业2-->
    <p>2Na+2H<sub>2</sub>O==2Na<sup>+</sup>+2OH<sup>-</sup>+H<sub>2</sub></p>

    <!--标题段落练习-->
	<div style=" margin-left:auto; margin-right:auto; width:714px; height:637px; background-color:#AB2AAA; color:#FFFFFF">
    	<h1 style="text-align:center;  line-height:60px;">各科小常识</h1>
            <h3>&nbsp;语文</h3>
            <p>&emsp;&emsp;&emsp;&emsp;《三国演义》中国古典四大名著之一。元末明初小说家罗贯<br>
                &nbsp;中所著，是中国第一部长篇章回体历史演义小说。描写了从东<br>
                &nbsp;汉末年到西晋初年之间近100年的历史风云。</p><hr align="right" width="707">
            <h3>&nbsp;数学</h3>
        <p>&nbsp;勾股定理直角三角形：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p><hr align="right" width="707">
            <h3>&nbsp;英语</h3>
            <p>&nbsp;<small>you can you up,no can no BB.</small></p><hr align="right" width="707">
            <h3>&nbsp;化学</h3>
            <p>&nbsp;H<sub>2</sub>SO<sub>4</sub>是一种工业原料，可用于制作肥料，洗涤剂等</p><hr align="right" width="707">
            <h3>&nbsp;经济</h3>
            <p>&nbsp;版权说明：&copy;<br>&nbsp;注册商标：&reg;</p>
    </div>

    <!--练习图1-->
    <div style="width: 372px; height: 409px; margin-left:auto; margin-right:auto; background-color: #d7d0d7;">
        <div style="height: 45px; width: 332px;margin-left:auto; margin-right:auto;">
            <div style=" float: left; line-height:43px;width: 220px;">要闻</div>
            <div style=" float: right; line-height:43px; width: 112px;"><img src="imges/XiaZai.png">&nbsp;手机看新闻</div>
            <hr>
        </div>
        <div style="height: 364px; width: 332px;margin-left:auto; margin-right:auto;">
            <p><b>新华网：这五年，习近平的扶贫足迹</b></p>
            <p style=" font-size: 10px;">学习秒答|习近平提供共建“五路”有何深刻内涵？|专题MSCI中国指数走高 它与总理力推的新动能是啥关系</p>
            <p><b>日媒：6名日本人在华从事间谍活动被拘</b></p>
            <p style=" font-size: 10px;">3月在山东和海南被拘 日本对中国军事情报间谍活动屡见不鲜</p>
            <p><b>潘石屹：对郭文贵造谣的回应</b></p>
            <p style=" font-size: 10px;">SOHO中国50%股票是替人代持?张欣杨澜与骆家辉有染?造谣!</p>
            <p><b>交通部：共享单车拟实名制使用</b></p>
            <p style=" font-size: 10px;">禁止向未满12岁儿童提供服务 对不文明行为记录信用记录</p>
            <p><b>崔永元坐拥10多家公司 商城1只鸡卖300</b></p>
            <p style=" font-size: 10px;">商品比市价高5倍 仅有1款标"非转基因" 更像是收"智商税"</p>
        </div>

    </div>

    <!--作业题目-->
    <div style="width: 254px; height: 290px; margin-left: auto; margin-right: auto; background-color: #d7d0d7;">
        <dl style="text-align: center;">
            <dt style="height:50px; line-height: 60px;"><img src="imges/GongJiao.png"><big>信用卡</big></dt>
            <dt style="height: 30px;">全国--畅想网购季，积分乐...</dt>
            <dt style="height: 30px;">全国--漂亮升级妈妈信用卡...</dt>
        </dl>
        <dl>
            <dt style="margin: auto; line-height: 30px; background-color: yellow; width: 100px; height: 30px; text-align: center">更多优惠</dt>
            <dt>
                <ul type="square" style="height:250px;">
                    <li  style="float: left; width: 100px; height: 55px;">我要办卡</li>
                    <li style="float: left; width: 100px; height: 55px;">积分兑换</li>
                    <li style="float: left; width: 100px; height: 55px;">刷卡优惠</li>
                    <li style="float: left; width: 100px; height: 55px;">持卡服务</li>
                </ul>
            </dt>
        </dl>
    </div>


    <!--作业3-->
    <div style="width: 1026px; height: 502px; margin-left: auto; margin-right: auto; background-color: rgba(211,215,213,0.56)">
        <h1 style="margin-left: 15px; line-height: 60px;">习近平等会见出席党的十九大代表特邀代表和列席人员</h1>
        <div style="float: left; margin-left: 9px; width: 567px;"><img src="imges/FenXiang.png" width="567" height="57"></div>
        <div style="float: left; text-align: right; width: 450px; line-height: 30px;"><p>2017年10月25日20：18&emsp;新华社&emsp;</p></div>
        <hr align="center" width="1000">
        <div style="width: 700px; margin-left: 10px; margin-top: 30px; line-height: 30px;">
            <p>&emsp;&emsp;原标题：习近平等领导同志亲切会见出席党的十九大代表、特邀代表和列席人员</p>
            <p>&emsp;&emsp;原标题：习近平等领导同志亲切会见出席党的十九大代表、特邀代表和列席人员
                原标题：习近平等领导同志亲切会见出席党的十九大代表、特邀代表和列席人员
            </p>
            <p>&emsp;&emsp;原标题：习近平等领导同志亲切会见出席党的十九大代表、特邀代表和列席人员
                原标题：习近平等领导同志亲切会见出席党的十九大代表、特邀代表和列席人员
                原标题：习近平等领导同志亲切会见出席党的十九大代表、特邀代表和列席人员
                原标题：习近平等领导同志亲切会见出席党的十九大代表、特邀代表和列席人员
                原标题：习近平等领导同志亲切会见出席党的十九大代表、特邀代表和列席人员
                原标题：习近平等领导同志亲切会见出席党的十九大代表、特邀代表和列席人员
                原标题：习近平等领导同志亲切会见出席党的十九大代表、特邀代表和列席人员
            </p>
        </div>
    </div>
</body>
</html>
